<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>管理工程与商学院--首页</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="container">
    <!-- 头部header区域，包括logo和nav -->
    <div class="header">
        <div class="logo"></div>
        <div class="navbar">
            <ul class="navbar-item">
                <li><a href="index.html">首页</a></li>
                <li><a href="#">学院概况</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">学院简介</a></li>
                        <li><a href="#">现任领导</a></li>
                        <li><a href="#">机构设置</a></li>
                        <li><a href="#">院学术委员会</a></li>
                    </ul>
                </li>
                <li><a href="#">党建思政</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">学院简介</a></li>
                        <li><a href="#">现任领导</a></li>
                        <li><a href="#">机构设置</a></li>
                        <li><a href="#">院学术委员会</a></li>
                    </ul></li>
                <li><a href="#">师资队伍</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">学院简介</a></li>
                        <li><a href="#">现任领导</a></li>
                        <li><a href="#">机构设置</a></li>
                        <li><a href="#">院学术委员会</a></li>
                    </ul></li>
                <li><a href="#">本科生教育</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">学院简介</a></li>
                        <li><a href="#">现任领导</a></li>
                        <li><a href="#">机构设置</a></li>
                        <li><a href="#">院学术委员会</a></li>
                    </ul></li>
                <li><a href="#">研究生教育</a></li>
                <li><a href="#">学科建设</a></li>
                <li><a href="#">科学研究</a></li>
                <li><a href="#">学生工作</a></li>
                <li><a href="#">招生就业</a></li>
                <li><a href="#">下载中心</a></li>
            </ul>
        </div>
    </div>
    <!-- 主内容区域 -->
    <div id="mainContent">
        <!-- 临时需要添加的图片区域 -->
<!--         <div class="temp-div">
            <img src="images/slide1.jpg" alt="">
        </div> -->
        <!-- 左侧内容 -->
        <div id="leftContent" class="fl">
        	<div class="news">
                <h2 class="news-title">通知公告<span> | Notice</span><a href="newslist.html">more...</a></h2>
                <ul class="news-list">
                    <li><a href="newscontent.html">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                    <li>
                        <a href="">管商学院举办四六级英语考试管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                    <li>
                        <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                    <li>
                        <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                    <li>
                        <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                    <li>
                        <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                    <li>
                        <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                    <li>
                        <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                    <li>
                        <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                </ul>
            </div>
            <div class="news">
                <div>
                <h2 class="news-title">学院新闻<span> | Notice</span><a href="#">more...</a></h2>
                </div>
                <div>
                <ul class="news-list">
                    <li><a href="newscontent.html">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                    <li>
                        <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                    <li>
                        <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                    <li>
                        <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                    <li>
                        <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                    <li>
                        <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                    <li>
                        <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                    <li>
                        <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                    <li>
                        <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                </ul>
                </div>
            </div>
         </div>
        <div id="rightContent" class="fr">

            <div class="slide">
                <ul class="slide-img">
                    <li><a href="#"><img src="images/slide3.jpg" alt=""></a></li>
                    <li><a href="newscontent.html"><img src="images/slide1.jpg" alt=""></a></li>
                    <li><a href="#"><img src="images/slide2.jpg" alt=""></a></li>
                    <li><a href="#"><img src="images/slide3.jpg" alt=""></a></li>
                    <li><a href="#"><img src="images/slide1.jpg" alt=""></a></li>
                </ul>
                <ul class="dot">
                    <li class="active">
                        <a href=""></a>
                    </li>
                    <li>
                        <a href=""></a>
                    </li>
                    <li>
                        <a href=""></a>
                    </li>
                </ul>
                <ul class="slide-description">
                    <li class="cur">图片内容描述长标题的内容描述样式如果一个标题很长会不会省略图片内容描述长标题的内容描述样式如果一个标题很长会不会省略</li>
                </ul>
            </div>
            <div id="rcAcademic" class="fl">
                <div class="news">
                    <div>
                        <h2 class="news-title">管商大讲堂<span> | Academic</span><a href="#">more...</a></h2>
                    </div>
                    <div>
                        <ul class="news-list">
                            <li><a href="">管商学院举办四六级英语考试管商学院举办</a><span>2017-05-01</span></li>
                            <li>
                                <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                            <li>
                                <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                            <li>
                                <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                            <li>
                                <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                            <li>
                                <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                            <li>
                                <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                            <li>
                                <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                            <li>
                                <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div id="rcFeature" class="fl">
                <div class="news">
                    <h2 class="news-title">特色导航<span> | Feature</span><a href="#">more...</a></h2>
                    <ul class="news-list-img">
                        <li>
                            <a href=""><img src="images/feature01.jpg" alt=""></a></li>
                        <li>
                            <a href=""><img src="images/feature02.jpg" alt=""></a></li>
                        <li>
                            <a href=""><img src="images/feature03.jpg" alt=""></a></li>
                        <li>
                            <a href=""><img src="images/feature04.jpg" alt=""></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="clb"></div>
        <!-- 临时需要添加的图片区域 -->
<!--         <div class="temp-div">
            <img src="images/slide1.jpg" alt="">
        </div> -->
    <!-- 底部页脚部分 -->
    <div class="footer">
        <div class="favlink">
            <ul>
                <li><a href="">河北工程大学</a></li>
                <li><a href="">北大光华管理学院</a></li>
                <li>
                    <a href=""></a>
                </li>
                <li>
                    <a href=""></a>
                </li>
                <li>
                    <a href=""></a>
                </li>
                <li>
                    <a href=""></a>
                </li>
                <li>
                    <a href=""></a>
                </li>
                <li>
                    <a href=""></a>
                </li>
            </ul>
        </div>
        <div class="line"></div>
        <div class="copyright">
            <p>河北工程大学管理工程与商学院&nbsp;版权所有&nbsp;|&nbsp;地址：河北省邯郸市河北工程大学西校园9教</p>
            <p>联系电话：0310-8578778 &nbsp; 管理维护：赵记涛</p>
        </div>
    </div>
    </div>
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/slide.js"></script>
    <script>
        $(document).ready(function () {
            $(".navbar ul li").mouseenter(function () {

                $(this).find(".dropdown-menu").fadeIn(500)

            })
            $(".navbar ul li").mouseleave(function () {

                $(this).find(".dropdown-menu").fadeOut(500)
            })
            slide();
        });
    </script>
</body>
</html>